<template>
  <div id="backResourcePage">
    <el-tabs tab-position="top" type="card">
      <el-tab-pane label="资源管理">
        <ResourceList></ResourceList>
      </el-tab-pane>
      <el-tab-pane label="资源上传">
        <ResourceUpload></ResourceUpload>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ResourceList from '@/components/back/resource/ResourceList.vue'
import ResourceUpload from '@/components/back/resource/ResourceUpload.vue'
export default {
  components: {
    ResourceUpload, ResourceList
  }
}
</script>

<style scoped="scope" scope>
/deep/.el-tabs__item.is-active {
  color: rgb(255, 150, 50);
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: rgba(255, 149, 50, 0.5);
}

/deep/.el-tabs__item {
  color: #fff;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left-color: #363a3d;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: #363a3d 1px solid;
}

/deep/.el-tabs--card>.el-tabs__header {
  border-color: #363a3d;
}
/deep/.el-tabs--card>.el-tabs__header {
  padding-left: 20px;
}
</style>